﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Room.aspx.cs" Inherits="AiRiZu.Room" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>房间展示</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="user/css/fullcalendar.css" />

    <script type="text/javascript" src="js/jquery.min.js"></script>

    <script type='text/javascript' src='user/js/fullcalendar.min.js'></script>

    <script type='text/javascript' src='user/js/DateTimeUtil.js'></script>

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>

    <script language="javascript" type="text/javascript">
        function img() {
            var tp = document.getElementById("tp");
            var dt = document.getElementById("dt");
            var rl = document.getElementById("rl");
            var img = document.getElementById("img");
            var ditu = document.getElementById("ditu");
            var rili = document.getElementById("rili");
            tp.className = "r_l_now_a";
            dt.className = "";
            rl.className = "";
            img.style.display = "block";
            ditu.style.display = "none";
            rili.style.display = "none";
        }
    </script>

    <script language="javascript" type="text/javascript">
        function ditu() {
            var tp = document.getElementById("tp");
            var dt = document.getElementById("dt");
            var rl = document.getElementById("rl");
            var img = document.getElementById("img");
            var ditu = document.getElementById("ditu");
            var rili = document.getElementById("rili");
            tp.className = "";
            dt.className = "r_l_now_a";
            rl.className = "";
            img.style.display = "none";
            ditu.style.display = "block";
            rili.style.display = "none";
            var contain = "<%=adrdesc %>";
            var map = new BMap.Map("container");          // 创建地图实例
            var point = new BMap.Point(0, 0);    // 创建点坐标
            map.centerAndZoom(point, 11);                   // 初始化地图，设置中心点坐标和地图级别
            var myGeo = new BMap.Geocoder();                // 创建地址解析器实例
            //// 将地址解析结果显示在地图上，并调整地图视野
            myGeo.getPoint(contain, function(point) {
                if (point) {
                    map.centerAndZoom(point, 16);
                    map.addOverlay(new BMap.Marker(point));
                }
            }, "");
            map.enableScrollWheelZoom();    // 开启鼠标滚轮缩放   
            map.enableKeyboard();           // 开启键盘控制   
            map.enableContinuousZoom();     // 开启连续缩放效果
            map.enableInertialDragging();   // 开启惯性拖拽效果
            map.enableKeyboard();           // 启用键盘操作     
        }
    </script>

    <script language="javascript" type="text/javascript">
        function rili() {
            var tp = document.getElementById("tp");
            var dt = document.getElementById("dt");
            var rl = document.getElementById("rl");
            var img = document.getElementById("img");
            var ditu = document.getElementById("ditu");
            var rili = document.getElementById("rili");
            tp.className = "";
            dt.className = "";
            rl.className = "r_l_now_a";
            img.style.display = "none";
            ditu.style.display = "none";
            rili.style.display = "block";
        }
    </script>

    <script type="text/javascript">
        function desc() {
            var roomdesc = document.getElementById("roomdesc");
            //            var peitaosheshi = document.getElementById("facilities");
            var shiyongguize = document.getElementById("rules");
            var fangwuxinxi = document.getElementById("roomxinxi");
            var tt1 = document.getElementById("roomdes");
            //            var tt2 = document.getElementById("peitao");
            var tt3 = document.getElementById("roomuserd");
            roomdesc.className = "r_l_now_a";
            //            peitaosheshi.className = "";
            shiyongguize.className = "";
            tt1.style.display = "block";
            //            tt2.style.display = "none";
            tt3.style.display = "none";
            fangwuxinxi.style.display = "block";
            tt1.style.width = "410px";
        }
    </script>

    <script type="text/javascript">
        function fac() {
            var roomdesc = document.getElementById("roomdesc");
            var peitaosheshi = document.getElementById("facilities");
            var shiyongguize = document.getElementById("rules");
            var tt1 = document.getElementById("roomdes");
            var tt2 = document.getElementById("peitao");
            var tt3 = document.getElementById("roomuserd");
            roomdesc.className = "";
            peitaosheshi.className = "r_l_now_a";
            shiyongguize.className = "";
            tt1.style.display = "none";
            tt2.style.display = "block";
            tt3.style.display = "none";
        }
    </script>

    <script type="text/javascript">
        function ru() {
            var roomdesc = document.getElementById("roomdesc");
            //            var peitaosheshi = document.getElementById("facilities");
            var shiyongguize = document.getElementById("rules");
            var fangwuxinxi = document.getElementById("roomxinxi");
            var tt1 = document.getElementById("roomdes");
            //            var tt2 = document.getElementById("peitao");
            var tt3 = document.getElementById("roomuserd");
            roomdesc.className = "";
            //            peitaosheshi.className = "";
            shiyongguize.className = "r_l_now_a";
            tt1.style.display = "none";
            //            tt2.style.display = "none";
            tt3.style.display = "block";
            fangwuxinxi.style.display = "none";
            tt3.style.width = "610px";
        }
    </script>

    <%--点击小图片事件--%>

    <script type="text/javascript">
        function getimg(obj) {
            var img = document.getElementById(obj);
            var imgtext = img.innerHTML;
            var arrlist = imgtext.split('/');
            var arr = arrlist[1].split('"');
            var divid = document.getElementById("bigpic");
            var divimg = divid.innerHTML;
            var divlist = divimg.split('"');
            var divcontain = divlist[3].split('/');
            var textimg = divcontain[1];
            divid.innerHTML = divlist[0] + "\"" + divlist[1] + "\" " + divlist[2] + "\"bigpic/" + arr[0] + "\">";
        }
    </script>

    <%--向后移动图片--%>

    <script type="text/javascript">
        function nextimg() {
            var divid = document.getElementById("bigpic");
            var divimg = divid.innerHTML;
            var divlist = divimg.split('"');
            var divcontain = divlist[3].split('/');
            var imgname = "";
            if (divlist[3].indexOf("http") > -1) {
                imgname = divcontain[4];
            }
            else {
                imgname = divcontain[1];
            }
            var shuz = document.getElementById("shuzu");
            var arrlist = shuz.value.split(',');
            for (var i = 0; i < arrlist.length; i++) {
                if (arrlist[i] == imgname) {
                    if (i == arrlist.length - 1) {
                        var firstimgid = "img0";
                        getimg(firstimgid);
                        return;
                    }
                    else {
                        divid.innerHTML = divlist[0] + "\"" + divlist[1] + "\" " + divlist[2] + "\"bigpic/" + arrlist[i + 1] + "\">";
                        return;
                    }
                }
            }
        }
    </script>

    <%--向前移动图片--%>

    <script type="text/javascript">
        function beforeimg() {
            var divid = document.getElementById("bigpic");
            var divimg = divid.innerHTML;
            var divlist = divimg.split('"');
            var divcontain = divlist[3].split('/');
            var imgname = "";
            if (divlist[3].indexOf("http") > -1) {
                imgname = divcontain[4];
            }
            else {
                imgname = divcontain[1];
            }
            var shuz = document.getElementById("shuzu");
            var arrlist = shuz.value.split(',');
            for (var i = 0; i < arrlist.length; i++) {
                if (arrlist[i] == imgname) {
                    if (i == 0) {
                        var firstimgid = "img" + (arrlist.length - 1);
                        getimg(firstimgid);
                        return;
                    }
                    else {
                        divid.innerHTML = divlist[0] + "\"" + divlist[1] + "\" " + divlist[2] + "\"bigpic/" + arrlist[i - 1] + "\">";
                        return;
                    }
                }
            }
        }
    </script>

    <%--点击入住时间--%>

    <script type="text/javascript">
        function displaydate() {
            document.getElementById("riqi").style.display = "block";
            document.getElementById("riqi1").style.display = "none";
            var str = "<table cellpadding=\"0\" cellspacing=\"0\" width=\"200\" id=\"riqitable\"><tr><th>日</th><th width=\"28\">一</th><th width=\"28\">二</th><th width=\"28\">三</th><th width=\"28\">四</th><th width=\"28\">五</th><th width=\"28\">六<\/th></tr>";
            //str += "<tr>";
            var mystr = "";
            var myDate = new Date();
            var nowyear = myDate.getFullYear(); //获取当前年份            
            var nowmonth = myDate.getMonth(); //获取当前月份
            var nowday = myDate.getDate();
            var firstdayofweek = new Date(nowyear, nowmonth, 1).getDay(); //获取本年本月1日是一周中的第几天
            var shengyudays = 7 - firstdayofweek;
            var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年本月一共多少天
            document.getElementById("nowdate").innerHTML = changemonth(nowmonth) + "月 " + nowyear + "年";
            var j = 1;
            for (var row = 1; row < 7; row++) {
                for (var cell = 0; cell < 7; cell++) {
                    if (j > daycount) {
                        if (j < row * 7) {
                            for (var i = 0; i < row * 7 - daycount - firstdayofweek; i++) {
                                str += "<td class=\"bg_c6\"></td>";
                            }
                            //str += "</tr>";    
                        }
                        //mystr = str.substring(0, str.lastIndexOf('<tr>'));
                        break;
                    }
                    if (row == "1") {
                        if (cell < firstdayofweek) {
                            str += "<td class=\"bg_c6\"></td>";
                        }
                        else if (j < nowday) {
                            str += "<td class=\"bg_c6\">" + j + "</td>";
                            j = j + 1;
                        }
                    }
                    else if (j < nowday) {
                        str += "<td class=\"bg_c6\">" + j + "</td>";
                        j = j + 1;
                    }
                    else if (j == nowday) {
                        str += "<td class=\"bg_blue\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                    else {
                        str += "<td onmouseout=\"returncss(\'td" + j + "\');\" onmousemove=\"getcss(\'td" + j + "\');\" id=\"td" + j + "\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                }
                str += "</tr><tr>";
            }
            mystr = str.substring(0, str.lastIndexOf('<tr>'));
            mystr += "</table>";
            document.getElementById("contain").innerHTML = mystr;
        }
        
    </script>

    <%--鼠标移动到日期的样式--%>

    <script type="text/javascript">
        function getcss(aa) {
            document.getElementById(aa).className = "bg_blue";
        }
    </script>

    <%--鼠标移动出日期的样式--%>

    <script type="text/javascript">
        function returncss(bb) {
            document.getElementById(bb).className = "";
        }
    </script>

    <%--点击日期，将日期赋值给入住时间--%>

    <script type="text/javascript">
        function getdate(obj) {
            var myDate = new Date();
            var arr = document.getElementById("nowdate").innerHTML.split(' ');
            var arrmonth = arr[0].split('月');
            var nowmonth = parseInt(changemonth1(arrmonth[0])) + 1;
            if (nowmonth < 10) {
                nowmonth = "0" + nowmonth;
            }
            var arryear = arr[1].split('年');
            var nowyear = arryear[0];
            if (obj < 10) {
                obj = "0" + obj;
            }
            //var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年本月一共多少天
            //            if (obj == daycount) { 
            //                
            //            }
            var myday = obj;
            var nowdate = nowyear + "-" + nowmonth + "-" + myday;
            document.getElementById("ruzhudate").value = nowdate;
            document.getElementById("ruzhudatevalue").value = nowdate;
            document.getElementById("riqi").style.display = "none";
            document.getElementById("riqi1").style.display = "block";
            displaydate1(nowyear, nowmonth, myday);
        }
    </script>

    <%--自动弹出退房时间，入住时间+1天--%>

    <script type="text/javascript">
        function displaydate1(nowyear, nowmonth, nowday) {
            var str = "<table cellpadding=\"0\" cellspacing=\"0\" width=\"200\" id=\"riqitable\"><tr><th>日</th><th width=\"28\">一</th><th width=\"28\">二</th><th width=\"28\">三</th><th width=\"28\">四</th><th width=\"28\">五</th><th width=\"28\">六<\/th></tr>";
            var mystr = "";
            //var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年本月一共多少天
            if (nowmonth < 10) {
                nowmonth = parseInt(nowmonth.replace("0", "")) - 1;
            }
            else {
                nowmonth = parseInt(nowmonth) - 1;
            }
            if (nowday < 10) {
                nowday = nowday.replace("0", "");
            }

            var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年前一个月一共多少天
            if (daycount == nowday) {
                nowday = "0";
                if (nowmonth == 12) {
                    nowyear = nowyear + 1;
                    nowmonth = "1";
                }
                else {
                    nowmonth = nowmonth + 1;
                }
                daycount = new Date(nowyear, nowmonth + 1, 0).getDate();
            }

            var firstdayofweek = new Date(nowyear, nowmonth, 1).getDay(); //获取本年本月1日是一周中的第几天            
            var shengyudays = 7 - firstdayofweek;
            document.getElementById("nowdate1").innerHTML = changemonth(nowmonth) + "月 " + nowyear + "年";
            var rowcount = parseInt(daycount + firstdayofweek) / 7 + 1;
            var j = 1;
            for (var row = 1; row < rowcount; row++) {
                for (var cell = 0; cell < 7; cell++) {
                    if (j > daycount) {
                        if (j < row * 7) {
                            for (var i = 0; i < row * 7 - daycount - firstdayofweek; i++) {
                                str += "<td class=\"bg_c6\"></td>";
                            }
                        }
                        break;
                    }
                    if (row == "1") {
                        if (cell < firstdayofweek) {
                            str += "<td class=\"bg_c6\"></td>";
                        }
                        else if (j < parseInt(nowday) + 1) {
                            str += "<td class=\"bg_c6\">" + j + "</td>";
                            j = j + 1;
                        }
                        else if (j == nowday + 1) {
                            str += "<td class=\"bg_blue\" style=\"cursor:hand\" onclick=\"getdate1(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                        else {
                            str += "<td onmouseout=\"returncss(\'mytd" + j + "\');\" onmousemove=\"getcss(\'mytd" + j + "\');\" id=\"mytd" + j + "\" style=\"cursor:hand\" onclick=\"getdate1(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                    }
                    else if (j == parseInt(nowday) + 1) {
                        str += "<td class=\"bg_blue\" style=\"cursor:hand\" onclick=\"getdate1(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                    else if (j < parseInt(nowday) + 1) {
                        str += "<td class=\"bg_c6\">" + j + "</td>";
                        j = j + 1;
                    }
                    else {
                        str += "<td onmouseout=\"returncss(\'mytd" + j + "\');\" onmousemove=\"getcss(\'mytd" + j + "\');\" id=\"mytd" + j + "\" style=\"cursor:hand\" onclick=\"getdate1(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                }
                str += "</tr><tr>";
            }
            mystr = str.substring(0, str.lastIndexOf('<tr>'));
            mystr += "</table>";
            document.getElementById("contain1").innerHTML = mystr;
        }
        
    </script>

    <%--获取退房时间--%>

    <script type="text/javascript">
        function getdate1(obj) {
            var arr = document.getElementById("nowdate1").innerHTML.split(' ');
            var arrmonth = arr[0].split('月');
            var nowmonth = parseInt(changemonth1(arrmonth[0])) + 1;
            if (nowmonth < 10) {
                nowmonth = "0" + nowmonth;
            }
            var arryear = arr[1].split('年');
            var nowyear = arryear[0];
            if (obj < 10) {
                obj = "0" + obj;
            }
            var myday = obj;
            var nowdate = nowyear + "-" + nowmonth + "-" + myday;
            document.getElementById("ruzhudate1").value = nowdate;
            document.getElementById("ruzhudate1value").value = nowdate;
            //            document.getElementById("riqi").style.display = "none";
            document.getElementById("riqi1").style.display = "none";
            //            displaydate1(nowyear, nowmonth, myday);

            getSubTotal();
        }

        function getSubTotal() {
            var start = document.getElementById("ruzhudate").value;
            var end = document.getElementById("ruzhudate1").value;
            var roomID = document.getElementById("roomID").value;
            $.ajax({
                type: 'POST',
                url: 'User/handler/GetSubTotal.ashx',
                data: 'roomId=' + roomID + '&startDate=' + start + '&endDate=' + end,
                dataType: "json",
                success: function(msg) {
                    if (msg.available == "False") {
                        $('#errorMessage').html("<input readonly type=\"text\" value=\"房间已经预订, 您可以试着换个入住时间\">");
                        $('#errorMessage').show();
                    }
                    else {
                        $('#subTotalDiv').html("小计：<strong>" + msg.subTotal + "</strong> 元");
                        $('#subTotalDiv').show();
                        //                        document.getElementById("subTotal").value = msg.subTotal;
                    }
                }
            });

        }
    </script>

    <%--点击退房时间控件--%>

    <script type="text/javascript">
        function gettuifangdate() {
            document.getElementById("riqi").style.display = "none";
            document.getElementById("riqi1").style.display = "block";
            if (document.getElementById("ruzhudate").value = "yyyy-mm-dd") {
                var str = "<table cellpadding=\"0\" cellspacing=\"0\" width=\"200\" id=\"riqitable\"><tr><th>日</th><th width=\"28\">一</th><th width=\"28\">二</th><th width=\"28\">三</th><th width=\"28\">四</th><th width=\"28\">五</th><th width=\"28\">六<\/th></tr>";
                //str += "<tr>";
                var mystr = "";
                var myDate = new Date();
                var nowyear = myDate.getFullYear(); //获取当前年份            
                var nowmonth = myDate.getMonth(); //获取当前月份
                var nowday = myDate.getDate();
                var firstdayofweek = new Date(nowyear, nowmonth, 1).getDay(); //获取本年本月1日是一周中的第几天
                var shengyudays = 7 - firstdayofweek;
                var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年本月一共多少天
                document.getElementById("nowdate1").innerHTML = changemonth(nowmonth) + "月 " + nowyear + "年";
                var rowcount = parseInt(daycount + firstdayofweek) / 7 + 1;
                var j = 1;
                for (var row = 1; row < rowcount; row++) {
                    for (var cell = 0; cell < 7; cell++) {
                        if (j > daycount) {
                            if (j < row * 7) {
                                for (var i = 0; i < row * 7 - daycount - firstdayofweek; i++) {
                                    str += "<td class=\"bg_c6\"></td>";
                                }
                                //str += "</tr>";    
                            }
                            //mystr = str.substring(0, str.lastIndexOf('<tr>'));
                            break;
                        }
                        if (row == "1") {
                            if (cell < firstdayofweek) {
                                str += "<td class=\"bg_c6\"></td>";
                            }
                            else if (j < nowday) {
                                str += "<td class=\"bg_c6\">" + j + "</td>";
                                j = j + 1;
                            }
                        }
                        else if (j < nowday) {
                            str += "<td class=\"bg_c6\">" + j + "</td>";
                            j = j + 1;
                        }
                        else if (j == nowday) {
                            str += "<td class=\"bg_blue\" style=\"cursor:hand\" onclick=\"getdate2(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                        else {
                            str += "<td onmouseout=\"returncss(\'td" + j + "\');\" onmousemove=\"getcss(\'td" + j + "\');\" id=\"td" + j + "\" style=\"cursor:hand\" onclick=\"getdate2(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                    }
                    str += "</tr><tr>";
                }
                mystr = str.substring(0, str.lastIndexOf('<tr>'));
                mystr += "</table>";
                document.getElementById("contain1").innerHTML = mystr;
            }

        }
        
    </script>

    <%--当入住时间为yyyy-mm-dd时，点击退房时间控件--%>

    <script type="text/javascript">
        function getdate2(obj) {
            var arr = document.getElementById("nowdate1").innerHTML.split(' ');
            var arrmonth = arr[0].split('月');
            var nowmonth = parseInt(changemonth1(arrmonth[0])) + 1;
            if (nowmonth < 10) {
                nowmonth = "0" + nowmonth;
            }
            var arryear = arr[1].split('年');
            var nowyear = arryear[0];
            if (obj < 10) {
                obj = "0" + obj;
            }
            var myday = obj;
            var nowdate = nowyear + "-" + nowmonth + "-" + myday;
            document.getElementById("ruzhudate1").value = nowdate;
            document.getElementById("ruzhudate1value").value = nowdate;
            document.getElementById("riqi1").style.display = "none";
            document.getElementById("riqi").style.display = "block";
            displaydate2(nowyear, nowmonth, myday);

            //            getSubTotal();
        }
    </script>

    <%--当先选择退房时间，入住时间-1天--%>

    <script type="text/javascript">
        function displaydate2(nowyear, nowmonth, nowday) {
            var str = "<table cellpadding=\"0\" cellspacing=\"0\" width=\"200\" id=\"riqitable\"><tr><th>日</th><th width=\"28\">一</th><th width=\"28\">二</th><th width=\"28\">三</th><th width=\"28\">四</th><th width=\"28\">五</th><th width=\"28\">六<\/th></tr>";
            var mystr = "";
            //var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年本月一共多少天
            if (nowmonth < 10) {
                nowmonth = parseInt(nowmonth.replace("0", "")) - 1;
            }
            else {
                nowmonth = parseInt(nowmonth) - 1;
            }
            if (nowday < 10) {
                nowday = nowday.replace("0", "");
            }

            var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年前一个月一共多少天
            if (nowday == "1") {
                if (nowmonth == "1") {
                    nowyear = nowyear - 1;
                    nowmonth = "12";
                }
                else {
                    nowmonth = nowmonth - 1;
                }
                daycount = new Date(nowyear, nowmonth - 1, 0).getDate();
                nowday = daycount;
            }
            else {
                nowday = nowday - 1;
            }

            var firstdayofweek = new Date(nowyear, nowmonth, 1).getDay(); //获取本年本月1日是一周中的第几天            
            var shengyudays = 7 - firstdayofweek;
            document.getElementById("nowdate").innerHTML = changemonth(nowmonth) + "月 " + nowyear + "年";
            var rowcount = parseInt(daycount + firstdayofweek) / 7 + 1;
            var j = 1;
            for (var row = 1; row < rowcount; row++) {
                for (var cell = 0; cell < 7; cell++) {
                    if (j > daycount) {
                        if (j < row * 7) {
                            for (var i = 0; i < row * 7 - daycount - firstdayofweek; i++) {
                                str += "<td class=\"bg_c6\"></td>";
                            }
                        }
                        break;
                    }
                    if (row == "1") {
                        if (cell < firstdayofweek) {
                            str += "<td class=\"bg_c6\"></td>";
                        }
                        else if (j < parseInt(nowday) - 1) {
                            str += "<td class=\"bg_c6\">" + j + "</td>";
                            j = j + 1;
                        }
                        else if (j == nowday) {
                            str += "<td class=\"bg_blue\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                        else {
                            str += "<td onmouseout=\"returncss(\'td" + j + "\');\" onmousemove=\"getcss(\'td" + j + "\');\" id=\"td" + j + "\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                    }
                    else if (j == parseInt(nowday)) {
                        str += "<td class=\"bg_blue\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                    else if (j < parseInt(nowday) + 1) {
                        str += "<td class=\"bg_c6\">" + j + "</td>";
                        j = j + 1;
                    }
                    else {
                        str += "<td onmouseout=\"returncss(\'td" + j + "\');\" onmousemove=\"getcss(\'td" + j + "\');\" id=\"td" + j + "\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                }
                str += "</tr><tr>";
            }
            mystr = str.substring(0, str.lastIndexOf('<tr>'));
            mystr += "</table>";
            document.getElementById("contain").innerHTML = mystr;
        }
        
    </script>

    <%--阿拉伯数字月份转化成汉字月份--%>

    <script type="text/javascript">
        function changemonth(month) {
            var nowmonth = "";
            if (month == "0") {
                nowmonth = "一";
            }
            if (month == "1") {
                nowmonth = "二";
            }
            if (month == "2") {
                nowmonth = "三";
            }
            if (month == "3") {
                nowmonth = "四";
            }
            if (month == "4") {
                nowmonth = "五";
            }
            if (month == "5") {
                nowmonth = "六";
            }
            if (month == "6") {
                nowmonth = "七";
            }
            if (month == "7") {
                nowmonth = "八";
            }
            if (month == "8") {
                nowmonth = "九";
            }
            if (month == "9") {
                nowmonth = "十";
            }
            if (month == "10") {
                nowmonth = "十一";
            }
            if (month == "11") {
                nowmonth = "十二";
            }
            return nowmonth;
        }
    </script>

    <%--汉字月份转化成阿拉伯数字月份--%>

    <script type="text/javascript">
        function changemonth1(month) {
            var nowmonth = "";
            if (month == "一") {
                nowmonth = "0";
            }
            if (month == "二") {
                nowmonth = "1";
            }
            if (month == "三") {
                nowmonth = "2";
            }
            if (month == "四") {
                nowmonth = "3";
            }
            if (month == "五") {
                nowmonth = "4";
            }
            if (month == "六") {
                nowmonth = "5";
            }
            if (month == "七") {
                nowmonth = "6";
            }
            if (month == "八") {
                nowmonth = "7";
            }
            if (month == "九") {
                nowmonth = "8";
            }
            if (month == "十") {
                nowmonth = "9";
            }
            if (month == "十一") {
                nowmonth = "10";
            }
            if (month == "十二") {
                nowmonth = "11";
            }
            return nowmonth;
        }
    </script>

    <%--清楚日期内容--%>

    <script type="text/javascript">
        function cleardate() {
            document.getElementById("riqi").style.display = "none";
            document.getElementById("riqi1").style.display = "none";
            document.getElementById("ruzhudate").value = "yyy-mm-dd";
            document.getElementById("ruzhudate1").value = "yyy-mm-dd";
            document.getElementById("ruzhudate1value").value = "yyy-mm-dd";
        }
    </script>

    <%--入住时间后一个月--%>

    <script type="text/javascript">
        function nextmonth() {
            document.getElementById("riqi").style.display = "block";
            document.getElementById("riqi1").style.display = "none";
            var arr = document.getElementById("nowdate").innerHTML.split(' ');
            var arrmonth = arr[0].split('月');
            var arryear = arr[1].split('年');
            var nowyear = arryear[0];
            var nowmonth = "";
            if (changemonth1(arrmonth[0]) == "11") {
                nowmonth = "0";
                nowyear = parseInt(nowyear) + 1;
            }
            else {
                nowmonth = parseInt(changemonth1(arrmonth[0])) + 1;
            }
            newmonth(nowyear, nowmonth);
            var myDate = new Date();
            var nowyear1 = myDate.getFullYear(); //获取当前年份            
            var nowmonth1 = myDate.getMonth(); //获取当前月份
            if (nowmonth > nowmonth1) {
                if (document.getElementById("xiangqian") != "") {
                    if (document.getElementById("xiangqian") != null) {
                        document.getElementById("xiangqian").className = "l_arrow"; //需要更换的向前图标
                        //                document.getElementById("xiangqian").onclick = "beforedate();";
                        document.getElementById("xiangqian").id = "xiangqian1";
                        document.getElementById("xiangqian1").style.cursor = "hand";
                    }
                }
                else {
                    document.getElementById("xiangqian1").className = "l_arrow"; //需要更换的向前图标
                    //                document.getElementById("xiangqian").onclick = "beforedate();";
                    //document.getElementById("xiangqian").id = "xiangqian1";
                    document.getElementById("xiangqian1").style.cursor = "hand";
                }

            }
        }
    </script>

    <%--入住时间点击下个月后，搭建表--%>

    <script type="text/javascript">
        function newmonth(nowyear, nowmonth) {
            var str = "<table cellpadding=\"0\" cellspacing=\"0\" width=\"200\" id=\"riqitable\"><tr><th>日</th><th width=\"28\">一</th><th width=\"28\">二</th><th width=\"28\">三</th><th width=\"28\">四</th><th width=\"28\">五</th><th width=\"28\">六<\/th></tr>";
            var mystr = "";
            var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年前一个月一共多少天
            var firstdayofweek = new Date(nowyear, nowmonth, 1).getDay(); //获取本年本月1日是一周中的第几天            
            var shengyudays = 7 - firstdayofweek;
            document.getElementById("nowdate").innerHTML = changemonth(nowmonth) + "月 " + nowyear + "年";
            var rowcount = parseInt(daycount + firstdayofweek) / 7 + 1;
            var j = 1;
            for (var row = 1; row < rowcount; row++) {
                for (var cell = 0; cell < 7; cell++) {
                    if (j > daycount) {
                        if (j < row * 7) {
                            for (var i = 0; i < row * 7 - daycount - firstdayofweek; i++) {
                                str += "<td class=\"bg_c6\"></td>";
                            }
                        }
                        break;
                    }
                    if (row == "1") {
                        if (cell < firstdayofweek) {
                            str += "<td class=\"bg_c6\"></td>";
                        }
                        else {
                            str += "<td onmouseout=\"returncss(\'td" + j + "\');\" onmousemove=\"getcss(\'td" + j + "\');\" id=\"td" + j + "\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                    }
                    else {
                        str += "<td onmouseout=\"returncss(\'td" + j + "\');\" onmousemove=\"getcss(\'td" + j + "\');\" id=\"td" + j + "\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                }
                str += "</tr><tr>";
            }
            mystr = str.substring(0, str.lastIndexOf('<tr>'));
            mystr += "</table>";
            document.getElementById("contain").innerHTML = mystr;
        }
        
    </script>

    <%--入住时间前一个月--%>

    <script type="text/javascript">
        function beforedate(obj) {
            document.getElementById("riqi").style.display = "block";
            document.getElementById("riqi1").style.display = "none";
            if (obj == "xiangqian") {
                return;
            }
            else {
                var arr = document.getElementById("nowdate").innerHTML.split(' ');
                var arrmonth = arr[0].split('月');
                var arryear = arr[1].split('年');
                var nowyear = arryear[0];
                var nowmonth = "";
                if (changemonth1(arrmonth[0]) == "0") {
                    nowmonth = "11";
                    nowyear = parseInt(nowyear) - 1;
                }
                else {
                    nowmonth = parseInt(changemonth1(arrmonth[0])) - 1;
                }
                displaydate();
                var myDate = new Date();
                var nowyear1 = myDate.getFullYear(); //获取当前年份            
                var nowmonth1 = myDate.getMonth(); //获取当前月份
                if (nowmonth == nowmonth1) {
                    document.getElementById("xiangqian1").className = "l_arrow";
                }
            }

        }
    </script>

    <%--退房时间后一个月--%>

    <script type="text/javascript">
        function nextmonth1() {
            document.getElementById("riqi").style.display = "none";
            document.getElementById("riqi1").style.display = "block";
            var arr = document.getElementById("nowdate1").innerHTML.split(' ');
            var arrmonth = arr[0].split('月');
            var arryear = arr[1].split('年');
            var nowyear = arryear[0];
            var nowmonth = "";
            if (changemonth1(arrmonth[0]) == "11") {
                nowmonth = "0";
                nowyear = parseInt(nowyear) + 1;
            }
            else {
                nowmonth = parseInt(changemonth1(arrmonth[0])) + 1;
            }
            newmonth1(nowyear, nowmonth);
            var myDate = new Date();
            var nowyear1 = myDate.getFullYear(); //获取当前年份            
            var nowmonth1 = myDate.getMonth(); //获取当前月份
            if (nowmonth > nowmonth1) {
                if (document.getElementById("xiangqian2") != "") {
                    if (document.getElementById("xiangqian2") != null) {
                        document.getElementById("xiangqian2").className = "l_arrow"; //需要更换的向前图标
                        //                document.getElementById("xiangqian").onclick = "beforedate();";
                        document.getElementById("xiangqian2").id = "xiangqian3";
                        document.getElementById("xiangqian3").style.cursor = "hand";
                    }
                }
                else {
                    document.getElementById("xiangqian3").className = "l_arrow"; //需要更换的向前图标
                    //                document.getElementById("xiangqian").onclick = "beforedate();";
                    //document.getElementById("xiangqian").id = "xiangqian1";
                    document.getElementById("xiangqian3").style.cursor = "hand";
                }

            }
        }
    </script>

    <%--退房时间点击下个月后，搭建表--%>

    <script type="text/javascript">
        function newmonth1(nowyear, nowmonth) {
            var str = "<table cellpadding=\"0\" cellspacing=\"0\" width=\"200\" id=\"riqitable\"><tr><th>日</th><th width=\"28\">一</th><th width=\"28\">二</th><th width=\"28\">三</th><th width=\"28\">四</th><th width=\"28\">五</th><th width=\"28\">六<\/th></tr>";
            var mystr = "";
            var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年前一个月一共多少天
            var firstdayofweek = new Date(nowyear, nowmonth, 1).getDay(); //获取本年本月1日是一周中的第几天            
            var shengyudays = 7 - firstdayofweek;
            document.getElementById("nowdate1").innerHTML = changemonth(nowmonth) + "月 " + nowyear + "年";
            var rowcount = parseInt(daycount + firstdayofweek) / 7 + 1;
            var j = 1;
            for (var row = 1; row < rowcount; row++) {
                for (var cell = 0; cell < 7; cell++) {
                    if (j > daycount) {
                        if (j < row * 7) {
                            for (var i = 0; i < row * 7 - daycount - firstdayofweek; i++) {
                                str += "<td class=\"bg_c6\"></td>";
                            }
                        }
                        break;
                    }
                    if (row == "1") {
                        if (cell < firstdayofweek) {
                            str += "<td class=\"bg_c6\"></td>";
                        }
                        else {
                            str += "<td onmouseout=\"returncss(\'mytd" + j + "\');\" onmousemove=\"getcss(\'mytd" + j + "\');\" id=\"mytd" + j + "\" style=\"cursor:hand\" onclick=\"getdate1(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                    }
                    else {
                        str += "<td onmouseout=\"returncss(\'mytd" + j + "\');\" onmousemove=\"getcss(\'mytd" + j + "\');\" id=\"mytd" + j + "\" style=\"cursor:hand\" onclick=\"getdate1(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                }
                str += "</tr><tr>";
            }
            mystr = str.substring(0, str.lastIndexOf('<tr>'));
            mystr += "</table>";
            document.getElementById("contain1").innerHTML = mystr;
        }
        
    </script>

    <%--退房时间前一个月--%>

    <script type="text/javascript">
        function beforedate1(obj) {
            document.getElementById("riqi").style.display = "none";
            document.getElementById("riqi1").style.display = "block";
            var nowyear = "";
            var nowmonth = "";
            var nowday = "";
            var myDate = new Date();
            if (obj == "xiangqian2") {
                return;
            }
            else if (document.getElementById("ruzhudate").value == "yyyy-mm-dd") {
                var arr = document.getElementById("nowdate1").innerHTML.split(' ');
                var arrmonth = arr[0].split('月');
                var arryear = arr[1].split('年');
                nowyear = arryear[0];

                if (changemonth1(arrmonth[0]) == "0") {
                    nowmonth = "11";
                    nowyear = parseInt(nowyear) - 1;
                }
                else {
                    nowmonth = parseInt(changemonth1(arrmonth[0])) - 1;
                    if (nowmonth < 10) {
                        nowmonth = "0" + nowmonth;
                    }
                }
                nowday = myDate.getDate();
                nowday = nowday - 1;
                if (nowday < 10) {
                    nowday = "0" + nowday;
                }

            }
            else {
                var ruzhutime = document.getElementById("ruzhudate").value;
                var arrlt = ruzhutime.split('-');
                nowyear = arrlt[0];
                nowmonth = arrlt[1];
                nowday = arrlt[2];
                if (nowday < 10) {
                    nowday = parseInt(nowday.replace("0", ""));
                    if (nowday < 10) {
                        nowday = "0" + nowday;
                    }
                }
            }
            displaydate1(nowyear, nowmonth, nowday);
            var nowmonth1 = myDate.getMonth(); //获取当前月份
            if (nowmonth == nowmonth1) {
                document.getElementById("xiangqian2").className = "l_arrow";
            }
        }
    </script>

    <script type="text/javascript">
        //    edited by brian
        function confirm() {
            var ruzhudatevalue = document.getElementById("ruzhudatevalue").value;
            var ruzhudate1value = document.getElementById("ruzhudate1value").value;
            var ruzhupeoplenum = document.getElementById("ruzhupeoplenum").value;
            var sendroomid = document.getElementById("roomID").value;
            $.ajax({
                type: "POST",
                url: "User/handler/ValidateRoomConfirmInfo.ashx",
                data: 'ruzhudatevalue=' + ruzhudatevalue + '&ruzhudate1value=' + ruzhudate1value + "&ruzhupeoplenum=" + ruzhupeoplenum + "&sendroomid=" + sendroomid,
                success: function(msg) {
                    //                    alert(msg);
                    if (msg == '0') {
                        window.location.href("user/Confirm.aspx");
                    } else if (msg == "1") {
                        alert("请如入入住日期");
                    } else if (msg == "2") {
                        alert("请如入离开日期");
                    }
                }
            });
        }

        function changeTab(e, type) {
            $('#roomTabBar a').removeClass('current');
            $(e).addClass('current');
            $('._roomPic').hide();
            $('.room_map').hide();
            $('.room_calendar').hide();
            $(type).show();
        }

        var calendar_loaded = false;
        function load_initial_calendar() {

            var tp = document.getElementById("tp");
            var dt = document.getElementById("dt");
            var rl = document.getElementById("rl");
            var img = document.getElementById("img");
            var ditu = document.getElementById("ditu");
            var rili = document.getElementById("rili");
            tp.className = "";
            dt.className = "";
            rl.className = "r_l_now_a";
            img.style.display = "none";
            ditu.style.display = "none";
            rili.style.display = "block";

            if (calendar_loaded == false) {
                load_initial_fullcalendar();
            }
            calendar_loaded = true;

        }

        //load calendar
        function load_initial_fullcalendar() {
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();

            var calendar = $('#fullcalendar').fullCalendar({

                weekends: true,

                //theme: true,
                header: {
                    left: 'prevYear,nextYear',
                    center: 'title',
                    right: 'prev,next'
                },
                editable: false,
                disableResizing: true,
                disableDragging: true,
                selectable: false,
                selectHelper: true,
                monthNames: ["一月", "二月", "三月",
		    		"四月", "五月", "六月",
		    		"七月", "八月", "九月",
		    		"十月", "十一月", "十二月"],
                dayNamesShort: ["星期日", "星期一", "星期二",
		       		"星期三", "星期四", "星期五",
		       		"星期六"],
                viewDisplay: function(view) {
                    var vStart = view.visStart;
                    var vEnd = view.visEnd;
                    var sendroomid = document.getElementById("roomID").value;
                    eventSource = "User/handler/Calendar.ashx?viewStartDate=" + $.fullCalendar.formatDate(vStart, 'MM/dd/yyyy') + "&viewEndDate=" + $.fullCalendar.formatDate(vEnd, 'MM/dd/yyyy') + "&roomId=" + sendroomid;
                    //                    eventSource = "/ajax/calendar?viewStartDate=" + $.fullCalendar.formatDate(vStart, 'MM/dd/yyyy') + "&viewEndDate=" + $.fullCalendar.formatDate(vEnd, 'MM/dd/yyyy') + "&roomId=12797";
                    var between = daysBetween($.fullCalendar.formatDate(vStart, 'yyyy-MM-dd'), $.fullCalendar.formatDate(date, 'yyyy-MM-dd'))
                    if (vStart < date && date < vEnd) {
                        var $nodes = $("td[class*='fc-day']");
                        $nodes.each(function() {
                            if (this.id <= (between - 1)) {
                                $(this).css({ 'background-color': '#eaeaea' });
                            } else if (this.id > (between - 1)) {
                                $(this).css({ 'background-color': '#f8f8f8' });
                            }
                        });
                    } else if (vEnd < date) {
                        $("td[class*='fc-day']").css({ 'background-color': '#eaeaea' });
                    } else if (vStart > date) {
                        $("td[class*='fc-day']").css({ 'background-color': '#f8f8f8' });
                    }
                    $('#fullcalendar').fullCalendar('addEventSource', eventSource);
                    $('#fullcalendar').fullCalendar('removeEventSource', eventSource);

                },
                eventClick: function(calEvent, jsEvent, view) {
                    if (calEvent.editable == "true") {
                        var start = $.fullCalendar.formatDate(calEvent.start, 'MM/dd/yyyy');
                        $("#startDate").val(start);
                        $("#endDate").val(start);
                        var isAvailable;
                        calEvent.className == "unavailable" ? isAvailable = "true" : isAvailable = "false";
                        $("#price").val(calEvent.title);
                        $("#selectForm option[value='" + isAvailable + "']").attr("selected", true);
                        $("#ajax_upload_container").css("display", "block");
                    }
                },
                loading: function(bool) {
                    if (bool) $('#loading').show();
                    else $('#loading').hide();
                }
            });

        }

    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div class="m_top">
        <div class="top_login">
            <em id="phone_1"></em><span></span><em id="news_1"></em><span><a href="#">媒体报道</a></span>
        </div>
    </div>
    <div class="main3_index">
        <div class="room_left">
            <div class="div_h">
                <h1>
                    <asp:Label ID="title" runat="server"></asp:Label></h1>
                <%--<div class="y_star">
                    <div class="b_star">
                    </div>
                </div>--%>
                <span>
                    <asp:Label ID="adressdesc" runat="server"></asp:Label></span>
            </div>
            <div class="room_lable">
                <span><a href="#" class="r_l_now_a" onclick="img(this)" id="tp">图片</a></span> <span>
                    <a href="#" onclick="ditu(this)" id="dt">地图</a></span> <span><a href="#" onclick="load_initial_calendar();"
                        id="rl">日历</a></span>
            </div>
            <input type="hidden" id="shuzu" value="<%=arr %>" />
            <div class="room_date">
                <div id="img">
                    <div class="room_img" id="bigpic">
                        <img src="bigpic/<%=img0 %>" style="border: none" /></div>
                    <div class="room_img_c">
                        <span><a href="javascript:void(0);" class="room_img_c_a" onclick="beforeimg();"></a>
                        </span>
                        <label class="room_img_c_a">
                        </label>
                        <div style="position: relative; width: 585px; overflow: hidden; float: left;" id="contentarea">
                            <div style="position: relative; float: left" id="listarea">
                                <ul>
                                    <%=str %>
                                </ul>
                            </div>
                        </div>
                        <span><a href="javascript:void(0);" class="room_img_c_a2" onclick="nextimg();"></a>
                        </span>
                    </div>
                </div>
                <div id="ditu" style="display: none">
                    <div style="width: 640px; height: 425px; margin: 0 auto; padding: 2px 0 0 0" id="container">
                    </div>
                </div>
                <div id="rili" style="display: none">
                    <div id="fullcalendar" class="room_img">
                    </div>
                </div>
            </div>
            <div class="room_lable">
                <span><a href="#" class="r_l_now_a" id="roomdesc" onclick="desc(this)">房屋描述</a></span><%-- <span><a href="#" id="facilities" onclick="fac(this)">配套设施</a></span>--%>
                <span><a href="#" id="rules" onclick="ru(this)">房屋使用规则</a></span>
            </div>
            <div class="">
                <div class="room_text" id="roomdes">
                    本民得来家庭式旅馆，坐落于北京市朝阳区望京的中心地区，交通非常便捷，距离机场20分钟车程，距离燕莎商 圈，丽都商圈，亚运村鸟巢，水立方，798…… 相当的便捷。
                    房间状况： 面积是133平米，4室1厅，2卫的房子。为您提供多种人性化的贴心服务，为您旅游安排、杂技票，我们会全力给您提供方便。舒心：住房内家电家具齐全，您拎包即可放心入住，就像回到自己家一样舒服。经营范围包括：日租房、短租房、月租房和钟点房。
                    房间配置：空调、电视、洗衣机、、冰箱、宽带、暖气和热水器等。本公寓的特色：干净、明亮、整洁、安静、舒适、温馨、，价格合理。交通方式：420、621、991、470、471、467、404、421、、运通111到大西洋新城东门下，非常便利。周边设施：超市、医院、农贸市场、银行、邮政、学校、大型停车场、大型商场、体育中心、幼儿园等各种娱乐消费场所。1个人/单住150元，2个人/200元，3个人/300元，4个人/400元，2人/10天/180元，，2人20天/160元，2人/1个月/150元
                    每个房间是分别出租的：此房价是每个房间标准居住2位客人。如果4位也可以，但房费需按人数增加。只居住一位客人房价可以略低。有单独卫生间的房间，房价会略高一些。（详情请咨询爱日租客服）
                    我们的家庭旅馆，温馨、洁净、服务热情，提供北京旅游路程，会给您在北京的旅行留下美好的回忆，欢迎您进住家庭旅馆。</div>
                <%--<div class="room_text" id="peitao" style="display:none">11111111</div>--%>
                <div class="room_text" id="roomuserd" style="display: none">
                    <div class="guizhe">
                        * 入住时请您准备您入住的全部房租费用和押金，如果您事先支付了租房定金，我们将会把您支付的租房定金充抵房租。我们不接受退房时交费，请谅解！
                        <br />
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;* 您必须带好您的有效身份证件，对于没有证件者，我们一概不接待。
                        <br />
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;* 承租手续办完后，我方管理人员不会擅自进入您的房间，如遇特殊情况，我们会事先与您取得联系,经您的允许后管理人员方可进入您的房间(遇紧急情况除外)。
                        <br />
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;* 网上公布的房租不含发票，如需开发票另加6%的税率。
                    </div>
                </div>
                <div class="room_text2" id="roomxinxi">
                    <div class="r_t_t">
                        详细信息</div>
                    <p class="P_color">
                        <strong>房屋类型：</strong><span><asp:Label ID="roomtype" runat="server"></asp:Label></span></p>
                    <p>
                        <strong>房间类型：</strong><span><asp:Label ID="fangjiantype" runat="server"></asp:Label></span></p>
                    <p class="P_color">
                        <strong>可住人数：</strong><span><asp:Label ID="personnum" runat="server"></asp:Label></span></p>
                    <p>
                        <strong>卧室数：</strong><span><asp:Label ID="bedroomnum" runat="server"></asp:Label></span></p>
                    <p class="P_color">
                        <strong>床型：</strong><span><asp:Label ID="bedtype" runat="server"></asp:Label></span></p>
                    <p>
                        <strong>卫生间数：</strong><span><asp:Label ID="bathroomnum" runat="server"></asp:Label></span></p>
                    <p class="P_color">
                        <strong>最少天数：</strong><span><asp:Label ID="leastdays" runat="server"></asp:Label></span></p>
                    <p>
                        <strong>最多天数：</strong><span><asp:Label ID="mostdays" runat="server"></asp:Label></span></p>
                    <p class="P_color">
                        <strong>入住时间：</strong><span><asp:Label ID="checktime" runat="server"></asp:Label></span></p>
                    <p>
                        <strong>退房时间：</strong><span><asp:Label ID="checkouttime" runat="server"></asp:Label></span></p>
                    <p class="P_color">
                        <strong>面积：</strong><span><asp:Label ID="mianji" runat="server"></asp:Label>平方米</span></p>
                    <p>
                        <strong>退款条约：</strong><span><a href="#" title="请在入住前两天退订，否则会将您的订金作为违约金。">宽松的？</a></span></p>
                </div>
            </div>
            <div class="room_score">
                <p>
                    <strong>评论</strong>
                </p>
                <%--<div class="star_big1">
                    <div class="star_big2">
                    </div>
                </div>
                <ul>
                    <li><span>0%</span><br />
                        与描述相符</li>
                    <li><span>0%</span><br />
                        纯净度</li>
                    <li><span>0%</span><br />
                        入住</li>
                    <li><span>0%</span><br />
                        沟通</li>
                    <li><span>0%</span><br />
                        位置</li>
                    <li><span>0%</span><br />
                        评价</li>
                </ul>--%>
            </div>
            <div class="people_huifu">
                <ul>
                    <asp:Repeater runat="server" ID="pinglun">
                        <ItemTemplate>
                            <li>
                                <div class="p_h_left">
                                    <em>
                                        <img src="Userpic/<%#Eval("Image").ToString()!="" ? Eval("Image") : "default_user_pic.png" %>" /></em>
                                    <span><a href="#">
                                        <%# Eval("Xing")%><%# Eval("Ming")%></a><%#GetDate(Eval("EvaluationDatetime").ToString())%>
                                    </span>
                                </div>
                                <div class="p_h_right_foot">
                                    <%# Eval("EvaluationContent")%></div>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
        </div>
        <div class="room_right">
            <div class="book_room">
                <div class="price_room">
                    <em>
                        <%=IsTejiaHtml %>
                    </em><strong>
                        <%=DayPrice %></strong><span class="color_black"> 元/晚</span><span class="text_line"></span><%--<div class="tejia_img"><img src="img/discount8.gif" /></div>
					<div class="tejia_date">09-21至09-30</div>--%>
                </div>
                <div class="room_from">
                    <div class="room_from_t">
                        <form action="Room.aspx">
                        <input type="text" onclick="displaydate();" id="ruzhudate" value="yyyy-mm-dd" />
                        <asp:TextBox ID="ruzhudatevalue" runat="server" Style="display: none"></asp:TextBox>
                        <div class="rate_table_2" style="display: none" id="riqi">
                            <p>
                                <em class="l_arrow" id="xiangqian" onclick="beforedate(this.id);"><a href="#"></a>
                                </em><strong id="nowdate"></strong><em class="r_arrow" onclick="nextmonth();" style="cursor: hand">
                                    <a href="#" onclick="nextmonth();"></a></em>
                            </p>
                            <div id="contain">
                            </div>
                            <p>
                                <a class="a_center" href="#" onclick="cleardate();">清除已选日期</a></p>
                        </div>
                        <input type="text" onclick="gettuifangdate();" id="ruzhudate1" value="yyyy-mm-dd" />
                        <asp:TextBox ID="ruzhudate1value" runat="server" Style="display: none"></asp:TextBox>
                        <div class="rate_table_3" style="display: none" id="riqi1">
                            <p>
                                <em class="l_arrow" id="xiangqian2" onclick="beforedate1(this.id);"><a href="#"></a>
                                </em><strong><strong id="nowdate1"></strong></strong><em class="r_arrow" style="cursor: hand"
                                    onclick="nextmonth1();"><a href="#" onclick="nextmonth1();"></a></em>
                            </p>
                            <div id="contain1">
                            </div>
                            <p>
                                <a class="a_center" href="#" onclick="cleardate();">清除已选日期</a></p>
                        </div>
                        <asp:DropDownList ID="ruzhupeoplenum" runat="server">
                            <asp:ListItem Value="1" Selected="True">1人</asp:ListItem>
                            <asp:ListItem Value="2">2人</asp:ListItem>
                            <asp:ListItem Value="3">3人</asp:ListItem>
                            <asp:ListItem Value="4">4人</asp:ListItem>
                            <asp:ListItem Value="5">5人</asp:ListItem>
                            <asp:ListItem Value="6">6人</asp:ListItem>
                            <asp:ListItem Value="7">7人</asp:ListItem>
                            <asp:ListItem Value="8">8人</asp:ListItem>
                            <asp:ListItem Value="9">9人</asp:ListItem>
                            <asp:ListItem Value="10">10人</asp:ListItem>
                            <asp:ListItem Value="11">11人</asp:ListItem>
                            <asp:ListItem Value="12">12人</asp:ListItem>
                            <asp:ListItem Value="13">13人</asp:ListItem>
                            <asp:ListItem Value="14">14人</asp:ListItem>
                            <asp:ListItem Value="15">15人</asp:ListItem>
                            <asp:ListItem Value="16">16人以上</asp:ListItem>
                        </asp:DropDownList>
                        </form>
                        <p>
                            可住人数：<asp:Label ID="peoplenum" runat="server"></asp:Label>人 最少天数：<asp:Label ID="leastdaysnum"
                                runat="server"></asp:Label>天 最多天数：<asp:Label ID="mostdaysnum" runat="server"></asp:Label></p>
                    </div>
                </div>
                <div class="h_32" id="subTotalDiv">
                    <div id="errorMessage" style="display: block">
                    </div>
                </div>
                <a href="#" id="confirm" class="book_room_a" onclick="confirm();">
            </div>
            <div class="room_people">
                <div class="people_img">
                    <em>
                        <img src="<%=imgstr %>" alt="" /></em>
                    <p>
                        <strong>
                            <%=name %></strong>（房东）</p>
                    <%--<p>
                        回复率：9%</p>--%>
                    <p class="h_38">
                        <asp:LinkButton ID="contact" runat="server" OnClick="contact_Click" />
                    </p>
                </div>
                <div class="people_text">
                    <p>
                        <strong>爱日租订房小窍门</strong><em><a href="#"></a></em>
                    </p>
                    <span>-点击上面的"联系"与房东进行在线沟通。 -如果48小时内收不到房东的回复，请与爱日租客服中心联络，我们会帮助您推荐其他房东。 -如果房东的"回复率"比较低，建议选择预定其他房间。
                        -通过查看左边的日历，可以了解房间是否空闲以及房间每天的详细价格。</span>
                </div>
            </div>
            <div class="room_other">
                <div>
                    <strong>房东的其它房间</strong><a href="#">(<asp:Label runat="server" ID="roomcount"></asp:Label>)</a></div>
                <%=fangdongroominfo %>
            </div>
            <%--<div class="room_near">
                <div>
                    <strong>附近的房间</strong><a href="#">(8)</a></div>
                <ul>
                    <li><em><a href="#">
                        <img src="imgs/5.jpg" /></a></em> <span><a href="#">崇文门居家温馨公寓</a></span> <strong>北京市朝阳区北苑路
                            邮政编码: </strong><span>￥333</span> </li>
                    <li><em><a href="#">
                        <img src="imgs/5.jpg" /></a></em> <span><a href="#">崇文门居家温馨公寓</a></span> <strong>北京市朝阳区北苑路
                            邮政编码: </strong><span>￥333</span> </li>
                    <li><em><a href="#">
                        <img src="imgs/5.jpg" /></a></em> <span><a href="#">崇文门居家温馨公寓</a></span> <strong>北京市朝阳区北苑路
                            邮政编码: </strong><span>￥333</span> </li>
                    <li><em><a href="#">
                        <img src="imgs/5.jpg" /></a></em> <span><a href="#">崇文门居家温馨公寓</a></span> <strong>北京市朝阳区北苑路
                            邮政编码: </strong><span>￥333</span> </li>
                </ul>
            </div>--%>
        </div>
        <input type="hidden" id="roomID" value="<%=RoomId %>" />
    </div>
    <div class="foot_1">
        <p>
            © Copyright 2011 airizu.com All rights reserved. 京ICP证110553 号</p>
        <p>
            <a href="#">
                <img src="img/alipay.gif" /></a><a href="#"><img src="img/315.gif" /></a><a href="#"><img
                    src="img/bluelogoair.gif" /></a><a href="#"></a><a href="#"><img src="img/tenpay.gif" /></a>
        </p>
    </div>
    </form>
</body>
</html>
